<template>
    <footer class="footer1">
        <div class="footer-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 col-sm-5 col-xs-12">
                        <div class="footer-content logo-footer">
                            <div class="footer-head">
                                <div class="footer-logo">
                                    <a href="#"
                                        ><img src="/img/logo/logo.png" alt=""
                                    /></a>
                                </div>
                                <p>
                                    Are you looking for professional advice for
                                    your new business. Are you looking for
                                    professional advice for your new business.
                                    Are you looking for professional advice for
                                    your new business.
                                </p>
                                <div class="subs-feilds">
                                    <div class="suscribe-input">
                                        <input
                                            type="email"
                                            class="email form-control width-80"
                                            id="sus_email"
                                            placeholder="Type Email"
                                        />
                                        <button
                                            type="submit"
                                            id="sus_submit"
                                            class="add-btn"
                                        >
                                            Subscribe
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-3 col-xs-12">
                        <div class="footer-content">
                            <div class="footer-head">
                                <h4>Services Link</h4>
                                <ul class="footer-list">
                                    <li><a href="#">Business</a></li>
                                    <li><a href="#">Agency </a></li>
                                    <li><a href="#">Social media</a></li>
                                    <li><a href="#">Branding</a></li>
                                    <li><a href="#">Design </a></li>
                                    <li><a href="#">Data science </a></li>
                                </ul>
                                <ul class="footer-list hidden-sm">
                                    <li><a href="#">Search engine</a></li>
                                    <li><a href="#">Online support</a></li>
                                    <li><a href="#">Development</a></li>
                                    <li><a href="#">Pay per click</a></li>
                                    <li><a href="#">Event activation</a></li>
                                    <li><a href="#">Automotion</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4 col-xs-12">
                        <div class="footer-content last-content">
                            <div class="footer-head">
                                <h4>Information</h4>
                                <div class="footer-contacts">
                                    <p>
                                        <span>Location :</span> Menlo Park,
                                        California, United States
                                    </p>
                                    <p><span>Tel :</span> (+1)123-456-789</p>
                                    <p><span>Email :</span> name@domain.com</p>
                                </div>
                                <div class="footer-icons">
                                    <ul>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-google"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-pinterest"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-instagram"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-area-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="copyright">
                            <p>
                                Copyright © 2021
                                <a href="#">Klodovsky</a> All Rights Reserved.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</template>

<script>
export default {
    name: "Footer",
};
</script>

<style scoped>
</style>
